<template>
  <div>
    <div class="line"></div>
    <div id="login">
      <el-menu
          :default-active="activeIndex2"
          class="el-menu-demo"
          mode="horizontal"
          @select="handleSelect"
          background-color="#545c64"
          text-color="#fff"
          active-text-color="#ffd04b">
        <el-menu-item index="1"><a href="#/homepage" id="guanliyuan">管理员中心</a></el-menu-item>
        <el-menu-item index="5"><a href="#/context" id="tongji">统计</a></el-menu-item>
        <el-submenu index="2">
          <template slot="title" #title>维护</template>
          <router-link to="/menucontext"><el-menu-item index="2-1">主菜单功能维护</el-menu-item></router-link>
          <router-link to="/ConfigContext"><el-menu-item index="2-1">修改网页首页显示信息</el-menu-item></router-link>
        </el-submenu>
        <el-menu-item index="3" disabled>消息中心</el-menu-item>
        <el-menu-item index="4"><span @click="subment">退出</span></el-menu-item>
        <router-view/>
      </el-menu>
    </div>
  </div>
</template>
<script>
export default {
  name: 'ManageMenu',
  data() {
    return {
      openeds: ['1'],
      isCollapse: true
    };
  },
  methods:{
    subment:function (){
      localStorage.removeItem("token")
      this.$router.push("/managelogin")
    }
  }
}
</script>

<style scoped>
#guanliyuan{
  text-decoration:none
}
#tongji{
  text-decoration:none
}
#menu{
  text-decoration:none
}
</style>
